<template>
	<!-- 头部搜索 -->
	<view class="searchWrap">
		<image class="youpin" src="../../static/images/home/youpin.png"></image>
		<view class="search" @click="toSearch">
			<image class="searchImg" src="../../static/images/home/search.png"></image>
			<text class="searchText">搜一搜</text>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			toSearch() {
				wx.navigateTo({
					url:'/pages/search/search'
				})
			}
		},
	}
</script>


<style lang="scss" scoped>
// 搜索
.searchWrap {
	height: 112rpx;
	background-color: #845d32;
	display: flex;
	align-items: center;
	justify-content: space-around;
	.youpin {
		width: 72rpx;
		height: 56rpx;
	}
	.search {
		background-color: rgb(240, 240, 240);
		width: 608rpx;
		height: 64rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-radius: 32rpx;
		.searchImg {
			width: 40rpx;
			height: 40rpx;
		}
		.searchText {
			width: 528rpx;
			height: 40rpx;
			font-size: 28rpx;
			opacity: 0.4;
			color: rgb(51, 51, 51);
			// background-color: #FFFFFF;
		}
	}
}
</style>
